<%-- Created by IntelliJ IDEA. User: Administrator Date: 2020/3/18 Time: 19:08
To change this template use File | Settings | File Templates. --%> <%@ page
contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>Register</title>
        <meta name="description" content="Login - Register Template" />
        <meta name="author" content="Lorenzo Angelino aka MrLolok" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="/css/user/register.css" />
        <link
            href="https://fonts.googleapis.com/icon?family=Material+Icons"
            rel="stylesheet"
        />
        <script src="http://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.js"></script>
        <style>
            body {
                background-color: #f2f2f2;
            }
        </style>
    </head>

    <body>
        <div id="container-register">
            <div id="title">
                <div
                    id="profile"
                    style="width: 80px; height: 80px; margin: auto"
                ></div>
                <i class="material-icons lock">lock</i> 注册
            </div>

            <div id="container">
                <div id="registerForm">
                    <form>
                        <div class="input">
                            <div class="input-addon">
                                <i class="material-icons">smartphone</i>
                            </div>
                            <input
                                    id="phone"
                                    placeholder="电话号码"
                                    type="text"
                                    required
                                    class="validate"
                                    autocomplete="off"
                                    v-model.trim="phone"
                                    @blur="verifyPhone"
                            />
                        </div>

                        <div class="clearfix"></div>

                        <div class="input">
                            <div class="input-addon">
                                <i class="material-icons">face</i>
                            </div>
                            <input
                                    id="loginId"
                                    placeholder="用户名"
                                    type="text"
                                    required
                                    class="validate"
                                    autocomplete="off"
                                    v-model.trim="loginId"
                                    @blur="verifyLoginId"
                            />
                        </div>

                        <div class="clearfix"></div>

                        <div class="input">
                            <div class="input-addon">
                                <i class="material-icons">account_circle</i>
                            </div>
                            <input
                                    id="userName"
                                    placeholder="用户昵称"
                                    type="text"
                                    required
                                    class="validate"
                                    autocomplete="off"
                                    v-model.trim="userName"
                                    @blur="verifyUserName"
                            />
                        </div>

                        <div class="clearfix"></div>

                        <div class="input">
                            <div class="input-addon">
                                <i class="material-icons">vpn_key</i>
                            </div>
                            <input
                                    id="password"
                                    placeholder="密码"
                                    type="password"
                                    required
                                    class="validate"
                                    autocomplete="off"
                                    v-model.trim="loginPwd"
                                    @blur="verifyPassword"
                            />
                        </div>

                        <div class="remember-me">
                            <input type="checkbox" name="termOfService" value="1" v-model="termOfService"/>
                            <span style="color: #757575"
                            >我接受用户协议</span
                            >
                        </div>

                        <input type="button" value="Register" class="submit" @click="submit"/>
                    </form>
                </div>

                <div class="privacy">
                    <a href="#">用户协议</a>
                </div>

                <div class="register">
                <span style="color: #657575"
                >已经注册账号？</span
                >
                    <a href="#">
                        <button id="register-link" @click="redirectToLogin">点此登录</button>
                    </a>
                </div>
            </div>
        </div>
        <script
            src="https://cdn.jsdelivr.net/npm/vue@2.6.11"
            type="text/javascript"
        ></script>
        <script src="/layer/layer.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/lottie-web@5.6.6/build/player/lottie.min.js"></script>
        <script src="/js/user/register.js"></script>
    </body>
</html>
